<section class="content-header">
    <h1>订单详情</h1>
</section>

<section class="content">
    <div class="row">
        <div class="col-md-7">
            <div class="box box-primary">
                <div class="box-header">
                    <div class="box-tools pull-right">
                        <button class="btn btn-block btn-primary" ng-if="order.isTicket" ng-click="getTicket()" ng-disabled="order.ticket_disabled"><i class="fa fa-ticket small-pr"></i>出票</button>
                        <button class="btn btn-block btn-primary" ng-if="order.isCancel" ng-click="cancelTicket()" ng-disabled="order.cancel_disabled"><i class="fa fa-mail-reply-all small-pr"></i>取消订单</button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">订单号</div>
                        <div class="col-sm-9">{{order.order_id}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">景区名称</div>
                        <div class="col-sm-9">{{order.region_name}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">下单时间</div>
                        <div class="col-sm-9">{{order.create_time}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">订单金额</div>
                        <div class="col-sm-9">{{order.amount}}元</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">订单状态</div>
                        <div class="col-sm-9">{{order.order_status_desc}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">访客姓名</div>
                        <div class="col-sm-9">{{order.visitor_name}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">访客手机号</div>
                        <div class="col-sm-9">{{order.mobile}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">访客类型</div>
                        <div class="col-sm-9">{{order.visitor_type_desc}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">订单类型</div>
                        <div class="col-sm-9">{{order.order_type_desc}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">是否成团</div>
                        <div class="col-sm-9">{{order.is_group_desc}}</div>
                    </div>
                    <div class="detail-block ovh">
                        <div class="col-sm-3 detail-label">取消原因</div>
                        <div class="col-sm-9">{{order.cancel_reason}}</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-5">
            <div class="box box-solid">
                <div class="box-header with-border">
                    <h3 class="box-title">订单日志</h3>
                </div>
                <div class="box-body">
                    <p ng-if="order.orderLogs.length == 0">暂无日志</p>
                    <dl class="dl-horizontal" ng-if="order.orderLogs.length != 0" ng-repeat="log in order.orderLogs">
                        <dt>{{log.create_time}}</dt>
                        <dd>{{log.log}}</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</section>